<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.a {
				position: absolute;
				left: 50%;
				margin-left: -150px;
				width: 300px;
				height: 300px;
				background-color: green;	
			}
		</style>
	</head>
	<body>
		1.如何让绝对定位的盒子水平居中
		<ul>
			<li>让盒子left走屏幕宽度的一半</li>
			<li>再让盒子margin往左走盒子自身宽度的一半</li>
			<li>让盒子垂直居中是同理</li>
		</ul>
		2.绝对定位和固定定位都和浮动类似
		<ul>
			<li>行内元素如果添加绝对或者固定定位则可以直接设置宽高</li>
			<li>块元素添加绝对或者固定定位，如果不给宽度和高度，默认大小是内容的大小</li>
		</ul>
		3.脱标的盒子不会触发外边距的塌陷问题
		<ul>
			<li>浮动的元素，固定定位和绝对定位的元素，都不会有外边合并的问题</li>
		</ul>
		4.绝对定位固定定位会完全压住盒子，跟浮动是不一样的，浮动会压住盒子但不会压住里面的文字或图片 .浮动之所以不会压住盒子里的文字是因为它最初出现的目的就是为了实现文字环绕图片效果的并不是用来布局。
		<br>
		<br>
		<br>
		5.如果一个盒子既有left又有right则默认执行left；既有top又有bottom，则默认top
		<div class="a"></div>
	</body>
</html>
